import React from 'react'
import { useStore } from '../store'
import { observer } from 'mobx-react-lite'


function Bar() {
  const { taskStore } = useStore()

  return (
    <div>
      <ul>
        {
          taskStore.list.map((item, index) => {
            return <li key={index}>{item}</li>
          })
        }
      </ul>
    </div>
  )
}

export default observer(Bar) 
